*{
	margin:0;
	padding:0;
}
@media (min-width: 1400px){
	.container {
		width: 1462px;
	}
}
a:link,
a:visited {
    text-decoration: none;
    color: #fff;
}
li{list-style:none;}
a:hover,
a:active {
    color: #f60;
}
html,body{
	width:100%;
	height:100%;
	background:#f5f5f5;
}
.box{
	width:100%;
	height:100%;
}
@-webkit-keyframes demo1 {
	from {
		left:-1090px;
	}
	50%{
		left:146px;
	}
	70%{
		left:0px;
	}
	to {
		left:146px;
	}
}
.nav{
	width:100%;
	height:90px;
	position: fixed;
	top:0;
	bottom:0;
	z-index: 999;
	>div{
		overflow:hidden;
		.pic{
			height:90px;
			float:left;
			>img{
				width:197px;
				height:37px;
				margin-top:26.5px;
			}
		}

		>ul{
			float:right;
			height:90px;
			>li{
				text-align:center;
				float:left;
				font-size:21.6px;
				line-height:90px;
				margin-left:70px;
			}
		}
	}

}
#dowebok {
	.section{
		&:nth-of-type(1){
			z-index: 110;
		}
		.bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			img{
				display:block;
				width:100%;
				height:100%;
			}
		}
		.bg-img1{
			background: url("../../images/1/banner1.png") no-repeat center center;
			background-size:cover;
		}
		.bg11{
			position: absolute;
			top:50%;
			margin-top: -350px;
			width:750px;
			height:700px;
			background: url(../../images/1/phone.png)  50% 0 no-repeat;
			background-size:100% 100%;
			left:-809px;
			opacity: 0;
			-webkit-transition: all 1.5s ease;
			-o-transition: all 1.5s ease;
			-moz-transition: all 1.5s ease;
			transition: all 1.5s ease;
		}
		.click{
			position: absolute;
			bottom:386px;
			left:1046px;
			p{
				width:216px;
				height:70px;
				border:1.5px solid #ffffff;
				color:#ffffff;
				line-height:70px;
				text-align:center;
				font-size:24px;
				float:left;
				margin-right:48px;
				a{
					display:block;
					width:100%;
					height:100%;
					color:#ffffff;
				}
			}
			.ts{
				a{
					color:#666666;
				}
				background:#ffffff;
				color:#666666;
			}
		}
		.er{
			//width:200px;
			overflow:hidden;
			position: absolute;
			bottom:58px;
			right:42px;
			text-align:right;
			//background:red;
			.img1{
				width:148px;
				height:148px;

				text-align:center;
			}
			.img2{
				width:179px;
				height:55px;
				margin-bottom:32px;
				display:block;
			}
			p{
				font-size:16px;
				margin-top:12px;
				color:#ffffff;
				//text-align:center;
			}
		}
		.bg12{
			width:161px;
			height:62px;
			position: absolute;
			right:0;
			opacity: 0;
			top:360px;
			background:url(../../images/1/plane.png)no-repeat;
			background-size:100% 100%;
			-webkit-transition: all 1.5s ease;
			-o-transition: all 1.5s ease;
			-moz-transition: all 1.5s ease;
			transition: all 1.5s ease;
			transition-delay: 1.5s;
		}
		.bg13{
			width:148px;
			height:148px;
			position:absolute;
			right:0;
			display:none;
			background:url(../../images/1/andriod.png)no-repeat;
			background-size:100% 100%;
			bottom:232px;
			left:1080px;
		}
		.bg14{
			width:148px;
			height:148px;
			position:absolute;
			right:0;
			display:none;
			background:url(../../images/1/ios.png)no-repeat;
			background-size:100% 100%;
			bottom:232px;
			left:1344px;
		}
		.bg21{
			position: absolute;
			width:459px;
			height:493px;
			background:url(../../images/1/man.png)no-repeat;
			background-size:100% 100%;
			top:-751px;
			left:650px;
			z-index:100;
			opacity: 0;
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
		}
		.bg22{
			position: absolute;
			width:1150px;
			height:387px;
			background:url(../../images/1/hous.png)  50% 0 no-repeat;
			background-size:100% 100%;
			bottom:-385px;
			left:50%;
			opacity: 0;
			margin-left:-575px;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-moz-transition: all 1s ease;
			transition: all 1s ease;
		}
		.bg23{
			position: absolute;
			width:558px;
			height:128px;
			background:url(../../images/1/txt1.png)  50% 0 no-repeat;
			background-size:100% 100%;
			top:200px;
			right:-570px;
			opacity: 0;
			margin-left:-575px;
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
			transition-delay: 0.7s;
		}
		.bg31{
			width:597px;
			height:757px;
			background:url(../../images/1/bg31.png)   50% 0 no-repeat;
			background-size:100% 100%;
			position: absolute;
			bottom:0;
			left:-953px;
			opacity: 0;
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
		}
		.bg32{
			width:750px;
			height:213px;
			background:url(../../images/1/txt2.png)   50% 0 no-repeat;
			background-size:100% 100%;
			position: absolute;
			top:514px;
			opacity: 0;
			right:-925px;
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
		}
		.bg33{
			width:17px;
			height:18px;
			background:url(../../images/1/dian.png)   50% 0 no-repeat;
			background-size:100% 100%;
			position: absolute;
			bottom:550px;
			opacity: 0;
			left:698px;
			-webkit-transform: scale(0.5, 0.5);
			transform: scale(0.5, 0.5);
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
			transition-delay: 1.5s;
		}
		.bg34{
			width:394px;
			height:271px;
			background:url(../../images/1/map.png)   50% 0 no-repeat;
			background-size:100% 100%;
			position: absolute;
			opacity: 0;
			bottom:250px;
			left:708px;
			-webkit-transition: all 2s ease;
			-o-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
			transition-delay: 1.7s;
		}
		.bg41{
			width:1847px;
			height:512px;
			background:url(../../images/1/yun.png) no-repeat;
			background-size:100% 100%;
			position: absolute;
			left:0;
			top:126px;
		}
		.bg42{
			width:237px;
			height:318px;
			background:url(../../images/1/min.png) no-repeat;
			background-size:100% 100%;
			position: absolute;
			opacity: 0;
			top:8px;
			left:-273px;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-moz-transition: all 1s ease;
			transition: all 1s ease;
			transition-delay: 1s;
		}
		.bg43{
			width:944px;
			height:164px;
			background:url(../../images/1/txt3.png) no-repeat;
			background-size:100% 100%;
			position: absolute;
			top:450px;
			left:146px;
		}
		.bg44{
			width:167px;
			height:150px;
			background:url(../../images/1/max.png) no-repeat;
			background-size:100% 100%;
			position: absolute;
			bottom:300px;
			left:1090px;
			opacity: 0;
			z-index:100;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-moz-transition: all 1s ease;
			transition: all 1s ease;
			transition-delay: 1.5s;
		}
		.bg45{
			width:921px;
			height:446px;
			background:url(../../images/1/house.png) no-repeat;
			background-size:100% 100%;
			position: absolute;
			bottom:-456px;
			left:836px;
			opacity: 0;
			-webkit-transition: all 1.5s ease;
			-o-transition: all 1.5s ease;
			-moz-transition: all 1.5s ease;
			transition: all 1.5s ease;
		}
	}
	.active{
		.bg11{
			left:90px;
			opacity: 1;

		}
		.bg12{
			top:460px;
			right:327px;
			opacity: 1;
		}
		.bg21{
			top:258px;
			opacity: 1;

		}
		.bg22{
			bottom:0;
			opacity: 1;

		}
		.bg23{
			right:170px;
			opacity: 1;
		}
		.bg31{
			left:196px;
			opacity: 1;
		}
		.bg32{
			right:175px;
			opacity: 1;
		}
		.bg33{
			opacity: 1;
			-webkit-transform: scale(1, 1);
			transform: scale(1, 1);
		}
		.bg34{
			bottom:550px;
			opacity: 1;
		}
		.bg42{
			left:36px;
			top:108px;
			opacity: 1;
		}
		.bg43{
			-webkit-animation:"demo1" 2s linear 1 alternate;
			-o-animation: "demo1" 2s linear 1 alternate;
			animation: "demo1" 2s linear 1 alternate;
		}
		.bg44{
			bottom:486px;
			opacity: 1;
		}
		.bg45{
			bottom:10px;
			opacity: 1;
		}
	}
}


#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
	background: #fff;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border: none;
	background-color:rgba(255,255,255,0.3);
	border-radius: 50%;
	position: absolute;
	z-index: 1;
}
#fp-nav ul li,.fp-slidesNav ul li{
	margin-top:16px;
}










/*.main{
	width:100%;
	>div{
		overflow: hidden;
		width:100%;
		background:#fff;
	}
	.one{
		margin-top:126px;
		>div{
			overflow:hidden;
			.left{
				margin:90px 0 0 0;
			}
			.right{
				>div{
					margin:0 170px 0 0;
					>div{
						p{
							height:58px;
							border:1px solid #bbbbbb;
							border-radius:30px;
							text-align:center;
							line-height:58px;
							font-size:20px;
							color:#666666;
							margin-top:34px;
						}
						.ts{
							border:1px solid #4886e9 !important;
							color:#4886e9 !important;
						}
					}
					img{
						float:right;
					}
				}
				.h1{
					margin:124px 20px 48px 0;
				}
				.h2{
					width:374px;
					height:31px;
					margin:42px 0 52px 148px;
				}
				>ul{
					overflow:hidden;
					li{
						float:left;
						img{
							width:26px;
							height:26px;
							margin-right:16px;

						}
						span{
							font-size:20px;
							color:#acacac;
						}
					}
				}
			}
		}
	}
	.two{
		margin-top:40px;
		img{
			width:100%;
			height:auto;
		}

	}
	.three{
		margin-top:40px;
		img{
			width:100%;
			height:auto;
		}
	}
	.four{
		margin-top:40px;
		img{
			width:100%;
			height:auto;
		}
	}
}*/
